<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Ferro's Home</title>

    <link href="https://ajax.aspnetcdn.com/ajax/bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet"
          crossorigin="anonymous">
    <link rel="shortcut icon" href="#">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="conainer">
    <div class="d-flex justify-content-center">
        <h3 class="text-muted" class="text-center">Ferro's Home</h3>
    </div>
    <div class="container">
        <h1>Scripts on Github</h1>
        <p>

        <div class="btn-group" role="group">
            <a class="btn btn-outline-info" href="https://github.com/fzinfz/scripts/tree/master/linux">Linux Shell</a>
            <a class="btn btn-outline-info" href="https://github.com/fzinfz/scripts/tree/master/nw">Network</a>
            <a class="btn btn-outline-info" href="https://github.com/fzinfz/scripts/tree/master/lib">Lib</a>
        </div>
        <div class="btn-group  mx-2" role="group">
            <a class="btn btn-outline-info" href="https://github.com/fzinfz/scripts/tree/master/apps_docker">docker
                run</a>
        </div>
        <div class="btn-group" role="group">
            <a class="btn btn-outline-info" href="https://github.com/fzinfz/ansible">Ansible</a>
        </div>
        <div class="btn-group mx-2" role="group">
            <a class="btn btn-outline-info"
               href="https://github.com/fzinfz/scripts/tree/master/powershell">PowerShell</a>
        </div>
        <div class="btn-group" role="group">
            <a class="btn btn-outline-info"
               href="https://github.com/fzinfz?tab=repositories&q=&type=source&language=python">Python</a>
        </div>
        </p>
    </div>
    <div class="container">
        <h1>Tech Notes</h1>
        <p>
        <div class="btn-group" role="group">
            <a class="btn btn-outline-info" href="https://notes.ferro.pro/linux/">Linux</a>
            <a class="btn btn-outline-info" href="https://notes.ferro.pro/linux/nw">Networking</a>
        </div>

        <div class="btn-group mx-3" role="group">
            <a class="btn btn-outline-info" href="https://notes.ferro.pro/nw/">Networking</a>
        </div>

        <div class="btn-group" role="group">
            <a class="btn btn-outline-info" href="https://notes.ferro.pro/vt/">Virtualization</a>
        </div>

        <div class="btn-group mx-3" role="group">
            <a class="btn btn-outline-success" href="https://notes.ferro.pro/apps/web/">Web Tools</a>
        </div>
        </p>
    </div>
    <footer class="footer d-flex justify-content-center">
        <P>
            <a href="https://github.com/fzinfz/">Github</a>
            &ensp;|&ensp;
            <a href="https://hub.docker.com/r/fzinfz/">Docker Hub</a>            
            &ensp;|&ensp;
            <a href="#" id="email">E-Mail</a>
            <span id="ip"></span>

        </P>
    </footer>
    <!-- jQuery first, then Tether, then Bootstrap JS. -->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"
            integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
            integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
            crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
            integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
            crossorigin="anonymous"></script>

    <script>
        $('a').attr('target', '_blank');

        $('a.btn').attr('style', 'margin-top:0.5rem');

/*
        $.getJSON("https://api.ipify.org/?format=json", function (e) {
            $('#ip').text(" | " + e.ip);
        });
*/

        const m = 'admin#'.replace(/#/, '@'.concat('ferro.pro'));
        $('#email')
            .on("mouseover", function () {
                $('#email').text(m).attr('href', 'mailto:'.concat(m));
            });

    </script>

    <!-- Cloudflare Web Analytics -->
    <script defer src='https://static.cloudflareinsights.com/beacon.min.js'
            data-cf-beacon='{"token": "45d29303cd144f73a487663b22df723c"}'></script>
    <!-- End Cloudflare Web Analytics -->
</div>
</body>

</html>